<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('人口库核查管理')"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row" id="qushiquerenmanage">

        <!--登录信息-->
        <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
        <input name="username" th:value="${session.username}" type="hidden" id="username">
        <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">
        <input name="olddeptid" th:value="${session.olddeptid}" type="hidden" id="olddeptid">

        <input type="hidden" th:value="${piciid}" id="piciid"/>

        <div class="col-sm-12 search-collapse">
            <form id="formId1">
                <div class="select-list">
                    <ul>
                        <li>
                            <label>专家姓名：</label>
                            <input type="text" name="zhuanjiaxingming" v-model="zhuanjiaxingming"/>
                        </li>
                        <li>
                            <label style="width: 100px">特贴管理单位：</label>
                            <input type="text" name="danweimingcheng" v-model="danweimingcheng"/>
                        </li>
                        <li>
                            <label style="width: 120px">特贴管理单位层级：</label>
                            <select v-model="danweicengji" class="form-control" type="text">
                                <option value="">请选择</option>
                                <option value="1">一级单位</option>
                                <option value="2">二级单位</option>
                                <option value="3">三级单位</option>
                            </select>
                        </li>
                        <li>
                            <label>工作单位：</label>
                            <input type="text" name="gongzuodanwei" v-model="gongzuodanwei"/>
                        </li>
                        <li>
                            <label>是否处理：</label>
                            <select  @change="bindQushiquerenDeptList" class="form-control" v-model="shifouchuli">
                                <option selected value="">全部</option>
                                <option value="0">待处理</option>
                                <option value="1">已处理</option>
                            </select>
                        </li>
                        <li>
                            <label>处理日期：</label>
                            <input type="text" class="" placeholder="请选择处理日期" name="chuliriqi" id="chuliriqi"
                                   v-model="chuliriqi" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                                   @blur="getDate_chuliriqi"/>

                        </li>
                        <li>
                            <a class="btn btn-success btn-rounded btn-md" @click="bindQushiquerenDeptList"><i
                                    class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-md" @click="reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div id="toolbar" role="group" style="padding-top:120px;">
            <a class="btn btn-warning btn-rounded btn-md" @click="showUploadXls">
                <i class="fa fa-download"></i> 导入
            </a>
            <a class="btn btn-info btn-rounded btn-md" @click="">
                <i class="fa fa-download"></i> 模板下载
            </a>
        </div>


        <div class="col-sm-12 select-table table-striped">

            <table class="table table-hover table-primary table-striped">
                <thead>
                <tr>
                    <th style="text-align: center; vertical-align: middle;">序号</th>
                    <th style="text-align: center; vertical-align: middle;">专家姓名</th>
                    <th style="text-align: center; vertical-align: middle;">特贴管理单位</th>
                    <th style="text-align: center; vertical-align: middle;">特贴管理单位层级</th>
                    <th style="text-align: center; vertical-align: middle;">工作单位</th>
                    <th style="text-align: center; vertical-align: middle;">是否处理</th>
                    <th style="text-align: center; vertical-align: middle;">处理日期</th>
                    <th style="text-align: center; vertical-align: middle;">处理结果</th>
                    <th style="text-align: center; vertical-align: middle;">说明</th>
                    <th style="text-align: center; vertical-align: middle;">联系方式</th>
                    <th style="text-align: center; vertical-align: middle;">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="(qushiquerenitem,index) in qushiquerenlist" v-if="qushiquerenlist.length > 0">
                    <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                    <td style="vertical-align: middle; text-align: center;"
                        v-text="qushiquerenitem.xingming"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="qushiquerenitem.suoshudanwei"></td>
                    <td style="vertical-align: middle; text-align: center;"
                        v-text="qushiquerenitem.jigoujibie"></td>
                    <td style="vertical-align: middle; text-align: center;"
                        v-text="qushiquerenitem.gongzuodanwei"></td>
                    <td style="vertical-align: middle; text-align: center;"
                        :class="qushiquerenitem.shifouchuli==0?'red':'green'" v-text="qushiquerenitem.shifouchuli==0?'待处理':'已处理'"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="qushiquerenitem.chuliriqi"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="qushiquerenitem.chulijieguo"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="qushiquerenitem.shuoming"></td>
                    <td style="vertical-align: middle; text-align: center;">
                        <button class="btn-success btn btn-rounded btn-md" @click="toLianxifangshi(qushiquerenitem)">查看</button>
                    </td>
                    <td style="vertical-align: middle; text-align: center;">
                        <button class="btn-warning btn btn-rounded btn-md" @click="">发短信</button>
                        <button class="btn-warning btn btn-rounded btn-md" @click="">发站内信</button>
                    </td>
                </tr>
                <tr v-if="qushiquerenlist.length == 0">
                    <td style="text-align: center; vertical-align: middle" colspan="12">查无数据</td>
                </tr>
                </tbody>
            </table>
            <div v-if="recordCount != '0'" class="my-page-navigation" style="text-align:center;">
                <button class="btn btn-default" @click="firstPage">首页</button>
                <button class="btn btn-default" @click="prePage">上一页</button>
                <select class="custom-select border-secondary" v-model="pagesize">
                    <option value="10">10 条/页</option>
                    <option value="20">20 条/页</option>
                    <option value="30">30 条/页</option>
                    <option value="50">50 条/页</option>
                </select>
                <span v-text="pageindex + '  /  ' + pageCount" style="border-color: #6c757d"></span>
                <span v-text="'共' + recordCount + '条'" style="border-color: #6c757d"></span>
                <button class="btn btn-default" @click="nextPage">下一页</button>
                <button class="btn btn-default" @click="lastPage">尾页</button>
                <span style="border-color: #6c757d">跳到第</span>
                <input type="text" class="form-control border-secondary" style="width:50px;display:inline;" v-model="targetpage" @keyup.enter="targetPage">
                <span style="border-color: #6c757d">页</span>
                <button class="btn btn-default" @click="targetPage">跳</button>
            </div>
        </div>

        <!-- 上传模态框（Modal） -->
        <div id="uploadModal" class="modal fade bs-example-modal-lg"
             tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-md" style="width: 800px">
                <div class="modal-content" style="width: 800px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">&times;
                        </button>
                        <h3 class="modal-title" id="myDetailModalLabel"></h3>
                    </div>
                    <div class="modal-body" id="uploadModal-body" style="width: 800px;margin:0px auto;">
                    </div>
                </div>
            </div>
        </div>

        <!--预览-->
        <div th:replace="/system/zhuanjiaqushiqueren/qushilist::edits"></div>
        <div th:replace="/system/zhuanjiaqushiqueren/modal_lianxifangshi::lianxifangshi"></div>

    </div>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<script th:src="@{/js/plupload/plupload.js?v=1.0}"></script>
<script th:src="@{/js/plupload/plupload.full.js?v=1.0}"></script>
<script th:src="@{/js/system/zhuanjiaqushiqueren/qushiquerenmanage.js?v=1.2}"></script>

</body>
</html>

<style>
    .green {
        color: green;
    }

    .red {
        color: red;
    }
</style>